<template>
	<view>
		<view class="bg">
			<view class="title util-font-medium">红包使用规则</view>
			<view class="rules util-font-medium">
				<text>{{rules}}</text>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				rules: '',
				
			}
		},
		onLoad() {
			this.loadData()
		},
		methods: {
			loadData: function(){
				this.rules = '*购买商品是请注意商品详情金额少的使用规则 \t\n *红包可以在购买'+ this.appName +'平台的商品时使用，不能提现以及用作其他用途'
				
			}
		}
	}
</script>

<style>
	.bg {
		padding: 30upx;
		text-align: center;
	}
	.title {
		display: inline-block;
		border-bottom: 10upx solid #ffb902;
		color: #333333;
		font-size: 36upx;
		text-align: left;
		height: 30upx;
		line-height: 30upx;
		margin-top: 100upx;
	}
	.rules {
		color: #999999;
		font-size: 28upx;
		margin-top: 44upx;
		text-align: left;
	}
	
</style>
